<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/jsp/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="LTMS_APP">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>${title}</title>
    <%@ include file="/WEB-INF/jsp/commons/meta.jsp" %>
    <script src="${ctx}/resources/js/main.js" type="text/javascript"></script>
    <script type="text/javascript" src="${ctx}/resources/my97datepicker/WdatePicker.js"></script>
    <script type="text/javascript" src="${ctx}/resources/scombobox/js/jquery.scombobox.js"></script>
    <script type="text/javascript" src="${ctx}/resources/scombobox/js/pinyin.js"></script>
    <script type="text/javascript" src="${ctx}/resources/js/underscore-min.js"></script>
    <script type="text/javascript" src="${ctx}/resources/ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3a6ad0f81d4679a83b39818ae59913f1"></script>
    <link href="${ctx}/resources/css/main.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<span class="hide" id="rootPath">${ctx}</span>

<div class="modal fade hide" id="myModal_msg">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h5>
            <i class="icon-comment"></i>
            消息提示
        </h5>
    </div>
    <div class="modal-body">
        <p class="modal_msg">对话框内容</p>
    </div>
    <div class="modal-footer">
        <a href="#" data-dismiss="modal" class="btn btn-small btn-primary">确 认</a>
    </div>
</div>
<div class="modal fade hide" id="noticeMsg">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h5>
            <i class="icon-comment"></i>
            系统消息
        </h5>
    </div>
    <div class="modal-body">
        <p id="modal_msg">对话框内容</p>
    </div>
    <div class="modal-footer">
        <a href="#" data-dismiss="modal" class="btn btn-small btn-primary">确 认</a>
    </div>
</div>
<div class="iheader" oper="header" href="${ctx}/frame/header"></div>
<div class="iaccordion" oper="accordion" href="${ctx}/frame/accordion"></div>
<div class="icontent" oper="content" href="${ctx}/frame/welcome"></div>
<div class="ifooter" oper="footer" href="${ctx}/frame/footer"></div>
<span id="closeMenu"
      style="position: absolute;left: 5px;top: 40px;cursor: pointer;text-decoration: underline;color: #0088cc; font-size: 10px;">收起菜单</span>
<%--<a href="#LODAING" role="button" class="btn" data-toggle="modal">查看演示案例</a>--%>

<!-- Modal -->
<div id="LODAING" class="modal hide fade" tabindex="-1" data-backdrop="static"
     style="width: 60px;height: 62px;left: 50%;margin-left:-25px;top: 50%;margin-top: -25px; " role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body" style="padding: 5px;">
        <img src="${ctx}/resources/image/loading_circle.gif"/>
    </div>

</div>

<div id="MapModel" class="modal hide fade" tabindex="-2" data-backdrop="static"
     style="width: 80%;height: 80%;left: 50%;margin-left: -40%;" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3><i class="icon-map-marker" style="margin-top: 6px;"></i> 车辆定位
        </h3>
    </div>
    <div class="modal-body mapground" style="height: 100%;max-height: 80%;text-align: center;">
        <iframe src=""
                style="border-radius: 0px;border: none; height: 100%;width: 98%;"></iframe>
    </div>

</div>

<div id="UploadModel" class="modal hide fade" tabindex="-3" data-backdrop="static"
     style="width: 60%;height: 80%;left: 50%;margin-left: -30%; " role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" deny="not" aria-hidden="true">x</button>
        <h3><i class="icon-upload" style="margin-top: 6px;"></i> 上传附件
        </h3>
    </div>
    <div class="modal-body" style="height: 100%;max-height: 80%;text-align: center;">
        <iframe src=""
                style="border-radius: 0px;border: none; height: 100%;width: 98%;background-color: #FFF;"></iframe>
    </div>

</div>

<!-- 进度条 -->
<div id="progressModal" data-backdrop="static"
     style="border: none; width: 40%;box-shadow: none; margin-left: -20%;top:40%;height:auto;background: transparent;text-align: center;"
     class="modal hide fade"
     role="dialog"
     aria-labelledby="commonModalLabel" aria-hidden="true">
    <div class="progress progress-striped active">
        <div class="bar" style="width: 0%;"></div>
    </div>
    <div style="background: gray; border-radius: 10px ; display: block; font-weight: bold; height: 35px; line-height: 36px; margin: auto;  opacity: 0.8; padding: 15px; width: 60px; ">
        <span id="percent" style="color:#FFF;font-size: 28px;opacity: 1;">0%</span>
    </div>
</div>
<!-- 进度条 -->

<div id="ChangeStatusModel" class="modal hide fade" tabindex="-3" data-backdrop="static"
     style="width: 27%;height: 46%;left: 63%;top:30%;margin-left: -30%; " role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" deny="not" aria-hidden="true">x</button>
        <h3><i class="icon-upload" style="margin-top: 6px;"></i> 手动修改任务状态
        </h3>
    </div>
    <div class="modal-body" style="height: 100%;max-height: 70%;text-align: center;">
        <iframe src=""
                style="border-radius: 0px;border: none; height: 100%;width: 98%;background-color: #FFF;"></iframe>
    </div>

</div>
</body>
</html>